<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
	<link rel="stylesheet" type="text/css" href="css/style.css">
<body>
<div class="topnav">
		<ul>
			<li><a href="#">阿里巴巴首页</a></li>
			<li>
				<div class="nav">
					<a href="#">我的阿里</a>
				</div>
				<div class="con al">
					<dl>
						<dt><a href="#">批发进货</a></dt>
						<dd><a href="#">已买到货品</a></dd>
						<dd><a href="#">	优惠券</a></dd>
						<dd><a href="">店铺动态</a></dd>
					</dl>
					<dl>
						<dt><a href="#">批发进货</a></dt>
						<dd><a href="#">已买到货品</a></dd>
						<dd><a href="#">	优惠券</a></dd>
						<dd><a href="">店铺动态</a></dd>
					</dl>
					<dl>
						<dt><a href="#">批发进货</a></dt>
						<dd><a href="#">已买到货品</a></dd>
						<dd><a href="#">	优惠券</a></dd>
						<dd><a href="">店铺动态</a></dd>
					</dl>
				</div>
				
				
			</li>
			<li>
				<div class="nav">
					<a href="#" class='ll'>进货单</a>
				</div>			
				<div class="con hw">
					<span>进货单尚未添加任何货品</span>
					<p>查看货表</p>
				</div>
			<li>
			<li>
				<div class="nav">
					<a href="#">收藏夹</a>
				</div>
				<div class="con al">
					<dl>
						<dt><a href="#">批发进货</a></dt>
						<dd><a href="#">已买到货品</a></dd>
						<dd><a href="#">	优惠券</a></dd>
						<dd><a href="">店铺动态</a></dd>
					</dl>
					<dl>
						<dt><a href="#">批发进货</a></dt>
						<dd><a href="#">已买到货品</a></dd>
						<dd><a href="#">	优惠券</a></dd>
						<dd><a href="">店铺动态</a></dd>
					</dl>
					<dl>
						<dt><a href="#">批发进货</a></dt>
						<dd><a href="#">已买到货品</a></dd>
						<dd><a href="#">	优惠券</a></dd>
						<dd><a href="">店铺动态</a></dd>
					</dl>
				</div>
			<li>
				<div class="nav">
					<a href="#">诚信通服务</a>
				</div>
				<div class="con al">
					<dl>
						<dt><a href="#">批发进货</a></dt>
						<dd><a href="#">已买到货品</a></dd>
						<dd><a href="#">	优惠券</a></dd>
						<dd><a href="">店铺动态</a></dd>
					</dl>
					<dl>
						<dt><a href="#">批发进货</a></dt>
						<dd><a href="#">已买到货品</a></dd>
						<dd><a href="#">	优惠券</a></dd>
						<dd><a href="">店铺动态</a></dd>
					</dl>
					<dl>
						<dt><a href="#">批发进货</a></dt>
						<dd><a href="#">已买到货品</a></dd>
						<dd><a href="#">	优惠券</a></dd>
						<dd><a href="">店铺动态</a></dd>
					</dl>
				</div>
			<li>
				<div class="nav ll">
					<a href="#">我是供应商</a>
				</div>
				<div class="con al">
					<dl>
						<dt><a href="#">批发进货</a></dt>
						<dd><a href="#">已买到货品</a></dd>
						<dd><a href="#">	优惠券</a></dd>
						<dd><a href="">店铺动态</a></dd>
					</dl>
					<dl>
						<dt><a href="#">批发进货</a></dt>
						<dd><a href="#">已买到货品</a></dd>
						<dd><a href="#">	优惠券</a></dd>
						<dd><a href="">店铺动态</a></dd>
					</dl>
					<dl>
						<dt><a href="#">批发进货</a></dt>
						<dd><a href="#">已买到货品</a></dd>
						<dd><a href="#">	优惠券</a></dd>
						<dd><a href="">店铺动态</a></dd>
					</dl>
				</div>
			<li>	
				<div class="nav">
					<a href="#">客服中心</a>
				</div>
				<div class="con al">
					<dl>
						<dt><a href="#">批发进货</a></dt>
						<dd><a href="#">已买到货品</a></dd>
						<dd><a href="#">	优惠券</a></dd>
						<dd><a href="">店铺动态</a></dd>
					</dl>
					<dl>
						<dt><a href="#">批发进货</a></dt>
						<dd><a href="#">已买到货品</a></dd>
						<dd><a href="#">	优惠券</a></dd>
						<dd><a href="">店铺动态</a></dd>
					</dl>
					<dl>
						<dt><a href="#">批发进货</a></dt>
						<dd><a href="#">已买到货品</a></dd>
						<dd><a href="#">	优惠券</a></dd>
						<dd><a href="">店铺动态</a></dd>
					</dl>
				</div>
			</li>
			<li>
				<div class="nav">
					<a href="#">网站导航</a>
				</div>
				<div class="con al">
					<dl>
						<dt><a href="#">批发进货</a></dt>
						<dd><a href="#">已买到货品</a></dd>
						<dd><a href="#">	优惠券</a></dd>
						<dd><a href="">店铺动态</a></dd>
					</dl>
					<dl>
						<dt><a href="#">批发进货</a></dt>
						<dd><a href="#">已买到货品</a></dd>
						<dd><a href="#">	优惠券</a></dd>
						<dd><a href="">店铺动态</a></dd>
					</dl>
					<dl>
						<dt><a href="#">批发进货</a></dt>
						<dd><a href="#">已买到货品</a></dd>
						<dd><a href="#">	优惠券</a></dd>
						<dd><a href="">店铺动态</a></dd>
					</dl>
				</div>
			</li>
		</ul>
</div>
</body>
<script src="js/jquery-3.1.0.min.js"></script>
<script type="text/javascript">
	$('.topnav ul li').hover(function(){
		$(this).find('.nav a').addClass('hover');
		$(this).find('.con').show();
		$(this).find('.nav a').css('border-left:1px solid #ddd');
	},function(){
		$(this).find('.con').hide();
		$(this).find('.nav a').removeClass('hover');
	});
</script>
</html>